@charset "UTF-8";

html ,body{ width:100%; height:100%;}
* ,body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0; border:none;}
body{ color:#333; font-size:14px; font-family:"微软雅黑", Arial; border:none; background:#fff;}
.clear{ float:none; clear:both; height:auto; border:none;}
ol,ul {list-style:none;}
.fl {float:left;}
.fr {float:right;}
img {border:0;}
a ,a:hover ,a:active{ text-decoration:none; color:#333;}
input ,select ,textarea{ border:0; border-radius:0; outline:none;}
dl,dt,dd{ padding:0; margin:0; border:0;}
i,em,strong{ font-style:normal; font-weight:normal;}
.hide{ display:none;}
.posrel{ position:relative;}
.posabs{ position:absolute;}
.fc1{ color:#f69;}
.wrapper{ width:1000px; margin:0 auto; overflow:hidden;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
body{min-width: 1024px;}
#layer{ position:fixed; width:100%; height:100%; display:block; background:rgba(0,0,0,.5); left:0; top:0; z-index:999;}
#layer .login{ background:#fff; left:50%; top:50%; margin-left:-187px; width:205px; padding:0 85px; position:relative; font-size:18px;}
#layer .login .login_main{ padding:40px 0;}
#layer .login em.close{ background:url(../images/icon_close.png) no-repeat 0 0; width:31px; height:31px; display:block; position:absolute; top:10px; right:10px; cursor:pointer;}
#layer .login p{ text-align:center; line-height:30px; margin-bottom:40px;}
#layer .login a{ display:block; border-radius:5px; height:48px; line-height:48px; color:#fff; margin-top:10px;}
#layer .login a.qq_login{ background:#63a8f4;}
#layer .login a.sina_login{ background:#ff5858;}
#layer .login a.wx_login{ background:#7cba56;}
#layer .login a i{ display:inline-block; width:34px; height:34px; background:url(../images/icon_login.gif) no-repeat 0 0; float:left; margin:7px 20px 0 35px;}
#layer .login a.qq_login i{ background-position:0 -24px;}
#layer .login a.sina_login i{ background-position:-34px -24px;}
#layer .login a.wx_login i{ background-position:-68px -24px;}

/*头部*/
.header{ height:100px;}
.header .logo{ background:url(../images/logo.gif) no-repeat 0 0; width:197px; height:48px; display:inline-block; float:left; margin-top:25px;}
.header .search{ float:left; margin:23px 0 0 125px;}
.header .search .search_main{ height:37px;}
.header .search .search_main .search_txt{ background:#f5f5f5 url(../images/icon_t_search.gif) no-repeat 8px 7px; width:403px; height:35px; padding-left:35px; border:1px solid #a0a0a0; float:left; font-size:14px; font-family:"微软雅黑";}
.header .search .search_main .search_btn{ background:#f69; color:#fff; height:37px; width:74px; float:left; margin-left:5px; font-family:"微软雅黑"; font-size:16px; cursor:pointer;}
.header .search .search_key{ color:#999; font-size:12px; margin-top:5px; display:block;}
.header .search .search_key a{ margin:0 8px; color:#333;}
.header .search .search_key a:hover{ color:#f69;}

/*导航*/
.nav{ width:100%; z-index:99;min-width: 1024px;}
.nav i{ height:12px; width:1px; display:inline-block; float:left;}
.nav1 i{ background:#555; margin:16px 10px 0;}
.nav2{ background:#fff;}
.nav2 i{ background:#e4e4e4; margin:16px 8px 0;}
.nav1{ background:#000; height:45px;}
.nav1 a.icon_logo{ background:url(../images/logo.png) no-repeat 0 0; width:114px; height:28px; float:left; margin:8px 20px 0 0; display:none;}
.nav1 .nav_list{ float:left; font-size:16px;}
.nav1 .nav_list a ,.nav1 .nav_rbox a{ height:43px; line-height:43px; display:inline-block; padding:0 20px; color:#fff; float:left;}
.nav1 .nav_list a.cur{ color:#f69; border-bottom:2px solid #f69;}
.nav1 .nav_rbox{ float:right; font-size:12px;}
.nav1 .nav_rbox a{ padding:0;}
.nav1 .nav_rbox a.fc1{ color:#f69;}
.nav1 .nav_rbox a em{ background:url(../images/icon_r_nav.gif) no-repeat 0 0; display:inline-block; float:left; width:18px; height:18px; margin:13px 5px 0 0;}
.nav1 .nav_rbox a.item_app em{ background-position:0 0;}
.nav1 .wrapper{ overflow:visible;}
.nav1 .nav_rbox a.item_wx { position:relative;}
.nav1 .nav_rbox a.item_wx em{ background-position:-18px 0;}
.nav1 .nav_rbox a.item_wx b{ display:none; width:146px; height:146px; border:1px solid #bebebe; position:absolute; top:45px; left:0; z-index:999; background:url(../images/code.jpg) no-repeat center;}
.nav1 .nav_rbox a.item_wx b small{ display:block; width:20px; height:10px; background:url(../images/code_tri.gif) no-repeat center; position:absolute;top:-9px; left:28px;}
.nav1 .nav_rbox a.item_wx:hover b{ display:block;}

.nav2{ font-size:16px;}
.nav2 a{ line-height:45px; display:inline-block; padding:0 13px; float:left;}
.nav2 a.cur ,.nav2 a:hover{ color:#f69;}
.nav2 .nav2_list{ display:none;}

/*底部app下载*/
.bottom_app { margin-top:40px; background:#f6f6f6 url(../images/bottom_img.jpg) center 0 no-repeat; height:382px;}
.bottom_app .wrapper{ height:382px;}
.bottom_app a{ display:inline-block; width:245px; height:57px; background:url(../images/downapp_btn.gif) no-repeat 0 0; position:absolute; left:0;}
.bottom_app a.downapp_apple{ background-position:0 0; top:187px;}
.bottom_app a.downapp_apple:hover{ background-position:0 -57px;}
.bottom_app a.downapp_android{ background-position:-245px 0; top:266px;}
.bottom_app a.downapp_android:hover{ background-position:-245px -57px;}

/*底部*/
.bottom{ background:#1f1f1f; padding:0 20px; color:#fff;margin-top:40px;}
.bottom .links{ border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:40px;}
.bottom .links strong{ display:block; height:45px; line-height:45px; border-bottom:1px solid rgba(255,255,255,.2); margin-bottom:10px; font-size:16px;}
.bottom .links strong span{ display:inline-block; padding:0 10px; border-bottom:2px solid #f69;}
.bottom .links a{ padding:0 10px; border-right:1px solid rgba(255,255,255,.2); height:14px; line-height:14px; margin:5px 0; display:inline-block; color:#aaa;}
.bottom .links a:hover{ color:#fff;}
.bottom .links a:last-child{ border:0;}

.bottom .copyright{ text-align:center; font-size:12px; margin:20px 0; color:#999; line-height:22px;}
.bottom .copyright a{ color:#999; margin:0 10px;}
.bottom .copyright a:hover{ color:#fff;}

/*漂浮导航*/
.piao{ position:fixed; bottom:50px; left:50%; margin-left:530px; display:none;}
.piao li a{ width:65px; height:65px; background:#fff; border:1px solid #eee; border-top:0; line-height:65px; text-align:center; display:block;}
.piao li.cur a ,.piao li.cur a:hover{ background:#f69; color:#fff; border-color:#f69;}
.piao li a:hover{ background:#f1f1f1;}
.piao li.icon a{ background:#000 url(../images/piao_icon.gif) no-repeat 0 0; border-color:#000; cursor:pointer;}
.piao li.icon_wx a{ background-position:0 0;}
.piao li.icon_returntop a{ background-position:0 -65px;}
.piao .icon_wx a{ position:relative;}
.piao .icon_wx a b{ display:none; width:146px; height:146px; border:1px solid #bebebe; position:absolute; top:0px; left:-157px; z-index:999; background:url(../images/code.jpg) no-repeat center;}
.piao .icon_wx a b small{ display:block; width:10px; height:20px; background:url(../images/code_tri2.gif) no-repeat center; position:absolute;top:22px; right:-10px;}
.piao .icon_wx a:hover b{ display:block;}


/*内容布局*/
.main{ margin-top:10px;}
.main_l{ width:650px; overflow:hidden;}
.main_r{ width:310px; overflow:hidden; margin-top:38px;}

h2.main_title{ height:23px; border-bottom:1px solid #ddd; text-align:center; font-weight:normal; font-size:24px; position:relative;}
h2.main_title span{ background:#fff; display:inline-block; line-height:24px;}
h2.main_title a.more{ position:absolute; right:0; top:4px; display:inline-block; background:url(../images/starsindex.gif) no-repeat -39px -7px; width:67px; height:15px;}

.place_nav a.icon_home em ,.page a i{ width:16px; height:16px; display:inline-block; background:url(../images/icon.gif) no-repeat 0 0;}

/*位置导航*/
.place_nav{ border-bottom:1px solid #ddd; padding:10px 0; line-height:18px; color:#999;}
.place_nav a.icon_home em{ float:left; background-position:0 -64px;}
.place_nav a{ margin:0 3px; color:#999;}
.place_nav a:hover{ color:#333;}

/*分页*/
.page{ text-align:center; margin-top:40px;}
.page a,.page span{ height:35px; line-height:35px; padding:0 12px; display:inline-block; background:#eee; margin:0 3px; overflow:hidden;}
.page span { background-color: #f69; color:#fff;}
.page a i{ float:left; margin:9px;}
.page a.cur ,.page a.cur:hover{ background:#f69; color:#fff; cursor:default;}
.page a.pre ,.page a.next{ margin:0;}
.page a.pre i{ background-position:-32px -32px;}
.page a.next i{ background-position:-48px -32px;}
.page a:hover{ background:#ddd}

/*右侧公共*/
.r_box1{ border:1px solid #ddd; padding:20px; overflow:hidden;}
.r_box1 h3{ background:url(../images/r_box_titlebg.gif) repeat-x 0 0; height:30px; font-size:18px; font-weight:normal; position:relative;}
.r_box1 h3 span{ display:inline-block; line-height:30px; background:#fff; padding-right:10px;}
.r_box1 h3 span em{ color:#f69;}
.r_box1 h3 a.more{ position:absolute; right:0; top:7px; display:inline-block; background:url(../images/starsindex.gif) no-repeat -85px -7px; width:21px; height:15px;}

/*左图右字list*/
ul.limg_rtxt li{ height:80px;}
ul.limg_rtxt li a{ display:block;}
ul.limg_rtxt li a em{ display:block; width:110px; height:80px; overflow:hidden; float:left; margin-right:10px; }
ul.limg_rtxt li img{ width:auto; height:80px;}
ul.limg_rtxt li strong{ display:block; height:40px; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
ul.limg_rtxt li span{ font-size:12px; display:block; color:#999; margin-top:10px;}
ul.limg_rtxt li a:hover strong{ color:#f69;}
ul.limg_rtxt .line{ margin:20px 0; _margin-top:30px;}



/*热门排行*/
.r_box2{ border: 1px solid #e8e8e8; padding:20px;}
.r_box2 h3{ height:15px; border-bottom:1px solid #eee; text-align:center; font-weight:normal; font-size:22px;}
.r_box2 h3 span{ line-height:30px; color:#f69; padding:0 15px;  display:inline-block; background:#fff;}

ul.txtph_list li{ margin:8px 0;}
ul.txtph_list li .txtph_1{ height:30px; line-height:30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
ul.txtph_list li .txtph_1 em{ display:inline-block; font-size:18px; font-style:italic; width:30px;  color:#999;}
ul.txtph_list li .txtph_1 em.fc1{ color:#f69;}
ul.txtph_list li .txtph_2{ margin:5px 0 0 30px; display:none;}
ul.txtph_list li.cur .txtph_2{ display:block;}
ul.txtph_list li .txtph_2 img{ width:84px; height:60px; margin-right:10px; float:left;}
ul.txtph_list li .txtph_2 p{ height:60px; line-height:20px; overflow:hidden; font-size:12px; color:#999;}

/*大家都在搜*/
.key_list a{ display:inline-block; height:30px; line-height:30px; padding:0 10px; background:#f1f1f1; margin:6px 6px 0 0;}
.key_list a:hover{ background:#000; color:#fff;}

/*最新消息*/
.m_imgtxt img{ width:270px; height:185px;}
.m_imgtxt a{ position:relative; display:block;}
.m_imgtxt p{ position:absolute; bottom:0; left:0; width:250px; height:30px; line-height:30px; color:#fff; padding:0 10px; text-align:center; background:rgba(0,0,0,.5);    overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.m_imgtxt p{ background-color:#000; filter:Alpha(opacity=60);}
}
ul.txt_list li{ background:url(../images/icon_list10.gif) no-repeat left center; height:33px; line-height:33px; padding-left:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
ul.txt_list li a:hover{ color:#f69;}

/*明星排行*/
dl.top_ph dt ,dl.top_ph dd{ display:block;}
dl.top_ph dt{ height:30px; border-bottom:1px solid #eee;}
dl.top_ph dt span{ line-height:30px;}
dl.top_ph dd{ margin-top:15px; height:75px;}
dl.top_ph dd span{ line-height:75px; height:75px;}
dl.top_ph span{ display:inline-block; padding:0 5px; overflow:hidden; float:left;}
dl.top_ph span.top_ph1{ width:105px;}
dl.top_ph span.top_ph2{ width:70px; text-align:center;}
dl.top_ph span.top_ph3{ width:55px; text-align:center;}
dl.top_ph span.top_ph1 em{ float:left; margin:30px 10px 0 0; display:inline-block; width:20px; height:20px; border-radius:20px; background:#f1f1f1; text-align:center; line-height:20px;}
dl.top_ph span.top_ph1 em.num1{ background:#f25159; color:#fff;}
dl.top_ph span.top_ph1 em.num2{ background:#fb9f22; color:#fff;}
dl.top_ph span.top_ph1 em.num3{ background:#fad403; color:#fff;}
dl.top_ph span.top_ph1 img{ width:75px; height:75px; border-radius:75px; float:left;}

/*reward*/
.reward { width:698px; overflow:hidden; margin-top:40px;}
.reward ul{ width:726px; overflow:hidden;}
.reward li{ width:155px; height:155px; box-sizing:border-box; border-radius:50%; border:1px solid #ddd;float:left; margin:0 16px 26px 0 ; padding:10px;}
.reward li img{ height:100%; width:100%;}

/*app下载*/
.app_download{ position:relative;}
.app_download a.android , .app_download a.iphone{ position:absolute; display:block; width:121px; height:38px; right:32px;}
.app_download a.android{ top:123px;}
.app_download a.iphone{ top:171px;}